.axis {

}

.axis .axis-container {
    clear: both;
    display: flex;
}

.axis .axis-container .axis-item-left {
    position: relative;
    padding-bottom: 30px;
    width: 50px;
}

.axis .axis-container .axis-item-right {
    flex: 1;
    margin-left: 20px;
    word-break: break-all;
    padding-bottom: 10px;
    margin-top: 15px;
}

.axis .axis-container .axis-item-left:after {
    content: '';
    position: absolute;
    top: 50px;
    left: 50%;
    width: 1px;
    height: 100%;
    border-left: dashed 1px #ccc;
    z-index: 0;
}

.axis .axis-container:last-child .axis-item-left:after {
    border: none;
}

.axis .axis-container:last-child .axis-item-left,
.axis .axis-container:last-child .axis-item-right {
    padding-bottom: 20px;
}

.axis .axis-container .axis-item-right .axis-item-content {
    margin-top: 5px;
}

.users-container .user-item {
    margin: 0 30px 15px 0;
}
.users-container .user-item p {
    text-align: center;
}
.users-container .user-item p:last-child {
    margin-top: 5px;
}